<template>
  <div class="category">
    <scroll wrapperHeight="100vh" @scroll="scroll">
      <ul>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
        <li>占位符</li>
      </ul>
    </scroll>
  </div>
</template>

<script>
  import Scroll from '../../components/common/scroll/Scroll.vue'
  export default {
    name: 'category',
    components: { Scroll },
    methods: {
      scroll(position) {
        console.log(position)
      }
    }
  }
</script>

<style lang="less" scoped></style>
